<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
 
  <ui:composition template="/pages/templates/commonLayoutCli.xhtml">

	
	<ui:define name="content">

	<h:form id="myform">
		
		<center>
	
			<p:panel id="panelHistorico" style="width:70%;align:center;valign:middle;">
			
				<p:dataTable id="tabela" var="consulta" value="#{beanHistoricoConsultas.consultas}">
   			 		<p:column headerText="Profissional">
        				<h:outputText value="#{consulta.solicitacao.horario.profissional.nome}" />
   					 </p:column>
   					 <p:column headerText="Data">
        				<h:outputText value="#{beanHistoricoConsultas.recuperaData(consulta)}" />
   					 </p:column>
   					 <p:column headerText="Hora">
        				<h:outputText value="#{beanHistoricoConsultas.recuperaHora(consulta)}" />
   					 </p:column>
   					 
   					 <p:column headerText="Paciente">
   					 	<p:commandLink value="Dados" actionListener="#{beanHistoricoConsultas.setConsulta(consulta)}" update=":myform:eventDetails" oncomplete="eventDialog.show()"></p:commandLink>
   					 </p:column>
   					 <p:column headerText="Ação">
   					 	<p:commandLink value="Excluir"  actionListener="#{beanHistoricoConsultas.removerConsulta(consulta)}" update="tabela"></p:commandLink>
   					 </p:column>
   					 
   
				</p:dataTable>
				
				 <p:dialog widgetVar="eventDialog" header="Informações da Consulta"
						showEffect="clip" hideEffect="clip" minHeight="10">
						<p:scrollPanel mode="native" style="height:400px;width:700px">

							<h:panelGrid id="eventDetails" columns="2" cellpadding="5"
								style="width:60%;align:center;valign:middle;">

								<p:outputLabel value="Paciente:"></p:outputLabel>
								<p:inputText id="nome" size="50"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.nome}" readonly="true"></p:inputText>

								<p:outputLabel value="CPF:"></p:outputLabel>
								<p:inputText id="cpf" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.cpf}" readonly="true"></p:inputText>

								<p:outputLabel value="Idade:"></p:outputLabel>
								<p:inputText id="idade" size="5"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.idade}" readonly="true"></p:inputText>

								<p:outputLabel value="Sexo:"></p:outputLabel>
								<p:inputText id="sexo" size="10"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.sexo}" readonly="true"></p:inputText>

								<p:outputLabel value="Estado Civil:"></p:outputLabel>
								<p:inputText id="estadoCivil" size="10"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.estadoCivil}" readonly="true"></p:inputText>

								<p:outputLabel value="Profissão:"></p:outputLabel>
								<p:inputText id="profissao" size="50"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.profissao}" readonly="true"></p:inputText>

								<p:outputLabel value="Endereço:"></p:outputLabel>
								<p:inputText id="endereco" size="50"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.rua}" readonly="true"></p:inputText>


								<p:outputLabel value="Número:"></p:outputLabel>
								<p:inputText id="numero" size="5"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.numero}" readonly="true"></p:inputText>


								<p:outputLabel value="Complemento:"></p:outputLabel>
								<p:inputText id="complemento" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.complemento}" readonly="true"></p:inputText>


								<p:outputLabel value="Bairro:"></p:outputLabel>
								<p:inputText id="bairro" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.bairro}" readonly="true"></p:inputText>


								<p:outputLabel value="Cidade:"></p:outputLabel>
								<p:inputText id="cidade" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.cidade}" readonly="true"></p:inputText>


								<p:outputLabel value="Estado:"></p:outputLabel>
								<p:inputText id="estado" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.estado}" readonly="true"></p:inputText>

								<p:outputLabel value="Telefone:" />
								<p:inputText id="telefone" size="20"
									value="#{beanHistoricoConsultas.consulta.solicitacao.paciente.telefone}" readonly="true"></p:inputText>

								
													
							</h:panelGrid>

						</p:scrollPanel>
					</p:dialog> 
							
			</p:panel>
		</center>
	
	</h:form>
</ui:define>

</ui:composition>

</html>